
import React from 'react';
import Icon from '@ant-design/icons';
import { Space } from 'antd';
import type { GetProps } from 'antd';

type CustomIconComponentProps = GetProps<typeof Icon>;



const LeftArrowSvg = () => (
    <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <g  stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
            <g transform="translate(-396, -187)" fill="#1A1A1A">
                <g transform="translate(232, 176)">
                    <g  transform="translate(164, 11)">
                        <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
                        <path d="M11.4958248,11.6195417 C11.4416744,11.6724424 11.4000203,11.7357567 11.3729451,11.8053191 C11.3633647,11.8290619 11.3633647,11.855304 11.3567,11.8802965 C11.3475361,11.9202844 11.3350399,11.9573566 11.3350399,11.9977611 C11.3350399,12.0381656 11.3475361,12.0748212 11.3567,12.1139761 C11.3633647,12.1389686 11.3633647,12.1652107 11.3733617,12.1889535 C11.4004327,12.2594099 11.442177,12.3233041 11.4958248,12.376397 L16.0902741,16.8392193 C16.2991047,17.045341 16.6333259,17.0501182 16.8479625,16.8500493 C16.9466301,16.7523089 17.0012338,16.6185983 16.9991905,16.4797303 C16.9971471,16.3408623 16.938633,16.2088162 16.8371324,16.1140211 L12.6013251,11.9985942 L16.8379655,7.88316728 C16.9394106,7.78831491 16.9978487,7.65623697 16.9998646,7.51736934 C17.0017782,7.37850172 16.9471,7.24482338 16.848379,7.147139 C16.635943,6.94719924 16.297295,6.95136465 16.0911071,7.15755254 L11.4958248,11.6195417 Z" id="路径" fillRule="nonzero"></path>
                        <path d="M12.5055206,16.1140211 L8.26929679,11.9985942 L12.5055206,7.8823342 C12.7179566,7.68239443 12.7225386,7.35332689 12.5167672,7.147139 C12.4151312,7.05133453 12.2780891,6.99801726 12.1356321,7.00004116 C11.9940081,7.00218268 11.8582156,7.05883228 11.7594954,7.15838562 L7.16421303,11.6220409 C7.11047922,11.6749417 7.0688251,11.7378394 7.04174992,11.8074018 C7.03050331,11.8303115 7.03050331,11.8561371 7.02508827,11.8823792 C7.01550782,11.9211175 7.00301159,11.9581897 7.00301159,11.9985942 C7.00301159,12.0389987 7.01550783,12.0752377 7.02467174,12.1143926 C7.0313364,12.1393851 7.0313364,12.1656272 7.04133338,12.18937 C7.06798705,12.2598398 7.10946584,12.3237626 7.16296341,12.3768136 L11.7578292,16.8400524 C11.9671744,17.0453936 12.3010473,17.0496152 12.5155176,16.8496328 C12.6139659,16.7518324 12.6684926,16.6182553 12.666608,16.4794986 C12.6647234,16.3407419 12.6065888,16.208695 12.5055206,16.1136045 L12.5055206,16.1140211 Z" id="路径" fillRule="nonzero"></path>
                    </g>
                </g>
            </g>
        </g>
    </svg>
);


const LeftArrowIcon = (props: Partial<CustomIconComponentProps>) => (
    <Icon component={LeftArrowSvg} {...props} />
);

const CustomLeftArrowIcon: React.FC = () => (
    <Space style={{marginRight: 8}}>
        <LeftArrowIcon />
    </Space>
);

export default CustomLeftArrowIcon;

